<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单选择器</title>
    <script src="./js/jquery-3.6.0.min.js" type="text/javascript"></script>
    <!-- <script src="./js/index.js"></script> -->
    <script src="./js/index1.js"></script>
    <style>
        p , span{
            padding: 0px 10px;
        }
        form{
            float: left;
        }
        div{
            float: left;
            margin: 0px 50px;
        }
    </style>
</head>
<body>
    <form action="#" style="width: 500px; border: solid; border-color: rgb(153, 153, 153); font-size: 20px; padding: 10px 0px 10px 2px;">
@@ -15,11 +27,21 @@
        姓 名：<input type="text"><br>
        密 码：<input type="password"><br>
        爱 好：<input type="radio">音乐 <input type="radio">舞蹈 <input type="radio">足球 <input type="radio">游戏<br>
        资料上传：<input type="submit" value="选择文件"> <p style="font-size: 12px; display: inline-block;">未选择任何文件</p><br>
        资料上传：<input type="file" value="选择文件"> <p style="font-size: 12px; display: inline-block;">未选择任何文件</p><br>
        热销产品： <input type="checkbox">滋养霜 <input type="checkbox">润体乳 <input type="checkbox">面膜 <input type="checkbox">柔肤水<br>
        <input type="submit" value="提交" id="SubMit">
        <input type="submit" value="重置"><br>
        <span id="TiJiao">input有：</span>
        <input type="submit" value="重置" id="ChongZhi"><br>
    </form>
    <div style="border: 2px solid rgb(133, 132, 132); width: 300px;">
        <p>统计结果如下：</p><hr width="298px" align="left">
        <span id="TiJiao">input标签数量有：</span><br>
        <span id="Text">单行文本框的数量有：</span><br>
        <span id="psw">密码框数量有：</span><br>
        <span id="Radio">单选按钮的数量有：</span><br>
        <span id="File">上传文本的数量有：</span><br>
        <span id="ckb">复选框的数量有：</span><br>
        <span id="sbm">提交按钮的数量有：</span><br>
        <span id="PuTong">普通按钮的数量有：</span>
    </div>
</body>
</html>